@import '../../app.less';
page{
    background:#ffffff;
}
.container{
    width:100%;
    .achievement-header{
        width:100%;
        height:288rpx;
        .card-pic{
            width:100%;
            height:288rpx;
        }
    }
    .achievement-title{
        color:@main-color;
        font-size:28rpx;
        line-height:40rpx;
        margin:20rpx 0;
        &::before {
            display: inline-block;
            content: "";
            width:8rpx;
            height: 40rpx;
            background: #68aaff;
            margin: 0 12px 0 20rpx;
            vertical-align:top ;
            border-radius:4rpx;
          }
    }
    .achievement-list{
        width:100%;
        padding:0 12rpx;
        flex-wrap:wrap;
        .achievement-item{
            margin:20rpx 8rpx;
            text-align:center;
            .achievement-pic-box{
                width:226rpx;
                height:260rpx;
                border:solid 2rpx #efefef;
                border-radius:8rpx;
                .card-pic{
                    width:216rpx;
                    height:208rpx;
                }
            }
            .achievement-name{
                color:@main-color;
                font-size:28rpx;
                line-height:40rpx;
                margin-top:16rpx;
            }
        }
    }
}